<template>
  <div>
    <button @click="reduce">-1</button>
    <button @click="reduceAsync">-1Async</button>
    <button @click="reduceAsyncN">-AsyncN</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tit: 'index',
    };
  },
  methods: {
    reduce() {
      this.$store.commit('reduceCount');
    },
    reduceAsync() {
      this.$store.dispatch('reduceCountAsync');
    },
    reduceAsyncN() {
      this.$store.dispatch('reduceCountAsyncN', 3);
    },
  },
};
</script>

<style lang="scss">
</style>
